/*
**Auther:	Cooclsee
**Email:	cooclsee@qq.com
**Created:	2012-12-16
*/

/*common*/
.left{float:left;}
.right{float:right;}
.hide{overflow:hidden;}
.vmid(@h){height:@h;line-height:@h;}
.vbox(@w,@h){width:@w;height:@h;}
.page{
	.page-pro{
		.white-border{background-position:603px 0;}
		.left-cnt{width:603px;.left;
			h1.pName{color: #9F9F9F;font-size: 17px;font-weight: bold;padding:0 1em;padding-top:4px;
				/*span{background:white;}*/
			}
			.pro-summary{height:50px;padding-left:1em;.hide;}
			.pro-content{padding-bottom:30px;font-family: Arial,Helvetica,sans-serif;font-size: 12px;
				h2.col{border-bottom: 1px solid #C2C2C2;color: #484848;font-size: 16px;padding: 0 0 0 10px;font-weight:bold;}
				.fn-left{width:350px;
					ul.sln{
						li{padding:10px 0;
							p.pic{.left;text-align:center;width:94px;
								img{}
							}
							p.txt{margin-left:94px;color: #5C5C5C;
								b.title{display:block;color: #484848;font-size: 16px;}
							}
						}
					}
				}
				.fn-right{width:210px;
					.cnt{padding:10px 0 20px;color: #5C5C5C;}
				}
			}
			.userManualLink{position:relative;height:40px;
				a{position:absolute;top:0;right:0;background:url(images/button-manual.png) no-repeat;color: #303030;display: block;font-size: 14px;font-weight: bold;height: 27px;padding: 13px 0 0 40px;width: 140px;text-decoration:none;}
			}
		}
		.right-cnt{width:357px;.right;
			.proImagesWrapper{position:relative;overflow:hidden;
				.picBox{.vbox(357px,481px);
					img{.vbox(357px,481px);}
					.mousetrap{display:none;}
				}
				ul.smallList{position:absolute;bottom:30px;right:10px;z-index:110;
					li{.right;.vbox(60px,80px);border: 2px solid #CECECE;margin-left:5px;cursor:pointer;overflow:hidden;
						img{.vbox(60px,80px);}
						&.now{border-color:#4AC0EE;}
					}
				}
				.largeList{position:absolute;bottom:8px;left:60%;z-index:120;
					a{color: #0595D5;font-size: 11px;font-weight: bold;display:none;}
				}
			}
		}
	}
	.snsBar{height:16px;padding:16px 10px 17px;background:url(images/urunDetayBar.png) repeat-x;color: #5C5C5C;margin:10px 0;border:solid #c2c2c2;border-width:0 1px;
		p{.left;.vmid(16px);}
		a{.left;.vbox(16px,16px);background:url(images/social.png) no-repeat -44px top;text-indent:-999px;.hide;margin-right:4px;
			&.qzone{background-position:left top;}
			&.weibo{background-position:-22px top;}
			&.renren{background-position:-66px top;}
		}
	}
	.prodetailbox2{background:#ECECEC;padding-bottom:28px;border-radius: 0 0 28px 28px;
		ul.tabbar{line-height:33px;height:33px;background:url(images/ajaxTabsBg.png) repeat-x;border:solid #bbb;border-width:0 1px;margin-bottom:40px;
			li{.left;width:159px;text-align:center;background:url(images/tabbar-r.png) no-repeat center right;cursor:pointer;height:33px;
				a{text-decoration:none;font-weight:bold;color:black;
					&:hover{color:#0595d5;}
				}
				&.now{background:url(images/bg-tabs-selected.png) no-repeat 0 0;padding-bottom:3px;position: relative;left:-2px;padding-left:2px;
					a{color:white;
						&:hover{color:white;}
					}
				}
			}
		}
		.cnts{margin:0 10px;font-family: Arial,Helvetica,sans-serif;padding-bottom:20px;display:none;
			&.cnt-1{
				h2.cat{font-size:15px;padding:15px 0 10px;color: #5DBFED;}
				table{width:100%;color: #444444;background:#e0e0e0;
					th,td{.vmid(26px);padding:0 10px;border:1px solid #cdcdcd;}
					th{width:297px;}
				}
			}
			&.cnt-2{
				h3.title{color: #5DBFED;font-size: 36px;font-weight: bold;margin-bottom: 15px;margin-left: 0;margin-right: 0;padding: 5px 17px;text-align: center;}
				ul.slnList{
					li{height: 90px;margin-bottom: 10px;.left;padding: 0 15px;text-align: left;width: 430px;
						p.pic{width:80px;.left;text-align:center;}
						p.text{margin-left:82px;color: #5C5C5C;
							b.title{display:block;color: #484848;}
						}
					}
				}
			}
			&.cnt-3{
				.download{padding-left: 40px;background:url(images/download_pdf.gif) left 14px no-repeat;
					h4.col{border-bottom: 1px dotted #CCCCCC;font-size: 16px;margin-top: 10px;padding-bottom: 5px;padding-top: 10px;}
					a{color: #607890;
						&:hover{background: url("images/arrow-right.png") no-repeat right center;padding-right: 15px;}
					}
				}
			}
		}
	}

}